<div class="flex flex-col items-center space-y-12">
  <div class="text-6xl text-white">Offset</div>
  <div class="flex space-x-12">
    <svg width="6rem" viewBox="0 0 75.448 87.12" xmlns="http://www.w3.org/2000/svg" class="offset">
      <path
        d="M37.725 82.233L4.234 62.897V24.225L37.725 4.889l33.491 19.336v38.672z"
        fill="none"
        stroke="#fff"
        stroke-width="8.467"
      />
    </svg>
    <div class="relative w-24 flex items-center justify-center">
      <svg
        width="6rem"
        viewBox="0 0 68.04 78.566"
        xmlns="http://www.w3.org/2000/svg"
        class="absolute offset-2"
        style="animation-delay: 0.8s"
      >
        <path
          d="M34.021 77.96L.53 58.624V19.952L34.021.616l33.491 19.336v38.672z"
          fill="none"
          stroke="#fff"
          stroke-width="1.058"
        />
      </svg>
      <svg
        width="5rem"
        viewBox="0 0 68.04 78.566"
        xmlns="http://www.w3.org/2000/svg"
        class="absolute fill-green scale-in-center"
      >
        <path d="M34.021 77.96L.53 58.624V19.952L34.021.616l33.491 19.336v38.672z" stroke="none" stroke-width="1.058" />
      </svg>
      <svg
        width="5rem"
        viewBox="0 0 68.04 78.566"
        xmlns="http://www.w3.org/2000/svg"
        class="absolute scale-in-center"
        style="animation-delay: 0.4s"
      >
        <path
          d="M34.021 77.96L.53 58.624V19.952L34.021.616l33.491 19.336v38.672z"
          fill="none"
          stroke="white"
          stroke-width="1.058"
        />
      </svg>
      <span class="relative text-white text-lg font-bold staggered-scale-in">HTML</span>
    </div>
    <div class="relative w-24 flex items-center justify-center">
      <svg
        width="6rem"
        viewBox="0 0 68.04 78.566"
        xmlns="http://www.w3.org/2000/svg"
        class="absolute offset-2"
        style="animation-delay: 0.8s"
      >
        <path
          d="M34.021 77.96L.53 58.624V19.952L34.021.616l33.491 19.336v38.672z"
          fill="none"
          stroke="#fff"
          stroke-width="1.058"
        />
      </svg>
      <svg
        width="5rem"
        viewBox="0 0 68.04 78.566"
        xmlns="http://www.w3.org/2000/svg"
        class="absolute fill-green scale-in-center"
      >
        <path d="M34.021 77.96L.53 58.624V19.952L34.021.616l33.491 19.336v38.672z" stroke="none" stroke-width="1.058" />
      </svg>
      <svg
        width="5rem"
        viewBox="0 0 68.04 78.566"
        xmlns="http://www.w3.org/2000/svg"
        class="absolute scale-in-center"
        style="animation-delay: 0.4s"
      >
        <path
          d="M34.021 77.96L.53 58.624V19.952L34.021.616l33.491 19.336v38.672z"
          fill="none"
          stroke="white"
          stroke-width="1.058"
        />
      </svg>
      <span class="relative text-white text-lg font-bold staggered-scale-in">CSS</span>
    </div>
    <div class="relative w-24 flex items-center justify-center">
      <svg
        width="6rem"
        viewBox="0 0 68.04 78.566"
        xmlns="http://www.w3.org/2000/svg"
        class="absolute offset-2"
        style="animation-delay: 0.8s"
      >
        <path
          d="M34.021 77.96L.53 58.624V19.952L34.021.616l33.491 19.336v38.672z"
          fill="none"
          stroke="#fff"
          stroke-width="1.058"
        />
      </svg>
      <svg
        width="5rem"
        viewBox="0 0 68.04 78.566"
        xmlns="http://www.w3.org/2000/svg"
        class="absolute fill-green scale-in-center"
      >
        <path d="M34.021 77.96L.53 58.624V19.952L34.021.616l33.491 19.336v38.672z" stroke="none" stroke-width="1.058" />
      </svg>
      <svg
        width="5rem"
        viewBox="0 0 68.04 78.566"
        xmlns="http://www.w3.org/2000/svg"
        class="absolute scale-in-center"
        style="animation-delay: 0.4s"
      >
        <path
          d="M34.021 77.96L.53 58.624V19.952L34.021.616l33.491 19.336v38.672z"
          fill="none"
          stroke="white"
          stroke-width="1.058"
        />
      </svg>
      <span class="relative text-white text-lg font-bold staggered-scale-in">JS</span>
    </div>
  </div>
</div>
